<template>
    <div class="appointment-projectbilling">
        <appointmentAdd ref="appointmentAdd" v-show="page_show_i == 3" :page_i="page_i" :page_show_i="page_show_i"
            :is_back="false" :options="options"></appointmentAdd>
    </div>
</template>

<script>
import appointmentAdd from "@/components/appointment/appointmentAdd.vue";
export default {
    components: {
        appointmentAdd,
    },
    data() {
        return {
            page_i: 3,
            page_show_i: 3,
            options: {
                act: 5,
                serType: null,
            },
        };
    },
    onLoad(option) {
        this.options = {
            ...this.options,
            serType: option.serType,
        };
    },
    mounted() {
        this.initData();
    },
    methods: {
        initData() {
            this.$refs.appointmentAdd.initData();
        },
    },
};
</script>

<style lang="scss" scoped></style>
